<link rel="stylesheet" type="text/css" href="assets/plugins/H-ui_v3.1.1/lib/Swiper/swiper.min.css"/>
<div class="uc-head-wapper clearfix">
	<img src="images/user-face.gif"  class="uc-head-img" />
	<div class="f-l">
		<div class="uc-user-info">
			<a class="uc-uname">dashupianat</a>
			<a href="#" >消息</a>
		</div>
		<div class="uc-user-limits">
			<a href="#" class="icon" >
				<i class="Hui-iconfont Hui-iconfont-phone"></i>
				<span class="number">158****2435</span>
			</a>
			<a href="#" class="icon not-link" title="未绑定">
				<i class="Hui-iconfont Hui-iconfont-share-weixin"></i>
			</a>
			<a href="#" class="icon not-link" title="未绑定">
				<i class="Hui-iconfont Hui-iconfont-share-qzone"></i>
			</a>
			<a href="#" class="icon not-link" title="未绑定">
				<i class="Hui-iconfont Hui-iconfont-share-qq"></i>
			</a>
		</div>
		<div class="uc-recharge">
			<span>余额：¥0.00</span>
			<button class="btn btn-link size-MINI">充值</button>
		</div>
	</div>
</div>
<div id="userCenterTabs" class="HuiTab uc-tabs">
  	<div class="tabBar clearfix">
  		<span onclick="changeTabs(this)">最新发布的信息</span>
  		<span onclick="changeTabs(this)">我浏览过的信息</span>
  	</div>
  	<div class="tabCon">
	  	<table class="table table-border table-bordered">
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
		</table>
		<div class="uc-single-adver">
			<img src="images/demo/demo1.png"/>
		</div>
		<div class="uc-adver">
			<h4 class="uc-adver-hd">
				安通推荐
			</h4>
			<div class="swiper-container swiper1">
		    	<a class="swiper-button-prev"></a>
		        <div class="swiper-wrapper">
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/demo/demo1.png"/>
		            </div>
		        </div>
		    	<a class="swiper-button-next"></a>
		    </div>
		</div>
  	</div>
  	<div class="tabCon">
	  	<table class="table table-border table-bordered">
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
	 		<tr>
	 			<td>【厂房出租】厂房出租,机械厂房,位于创业东路1-2号</td>
	 			<td>4小时前</td>
	 			<td>
	 				<span>置顶</span>
	 				<span>刷新</span>
	 				<span>修改</span>
	 				<span>删除</span>
	 			</td>
	 		</tr>
		</table>
		<div class="uc-single-adver">
			<img src="images/demo/demo1.png"/>
		</div>
		<div class="uc-adver">
			<h4 class="uc-adver-hd">
				安通推荐
			</h4>
			<div class="swiper-container swiper2">
		    	<a class="swiper-button-prev"></a>
		        <div class="swiper-wrapper">
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="images/logo.png"/>
		            </div>
		        </div>
		    	<a class="swiper-button-next"></a>
		    </div>
		</div>
  	</div>
</div>

<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/Swiper/swiper.min.js"></script>
<script type="text/javascript">
	$("#userCenterTabs").Huitab({
		index:0
	});
	var swiper1 = new Swiper('.swiper1.swiper-container',{
    	slidesPerView : 3,
    	prevButton:'.swiper1 .swiper-button-prev',
		nextButton:'.swiper1 .swiper-button-next',
		loop : true,
		autoplay : 2000,
		speed:800,
		observer:true,
		observeParents:true,
   });
	var swiper2 = new Swiper('.swiper2.swiper-container',{
    	slidesPerView : 3,
    	prevButton:'.swiper2 .swiper-button-prev',
		nextButton:'.swiper2 .swiper-button-next',
		loop : true,
		autoplay : 2000,
		speed:800,
		observer:true,
		observeParents:true,
   });
	
	
	function changeTabs(ts){
		//swiper debugger
		var i=$(ts).index();
		if(i==0){
			$(".swiper1").css("height","auto");
			$(".swiper2").css({"height":0,"overflow":"hidden"});
			swiper2.stopAutoplay();
			swiper1.startAutoplay();
		}else{
			$(".swiper2").css("height","auto");
			$(".swiper1").css({"height":0,"overflow":"hidden"});
			swiper1.stopAutoplay();
			swiper2.startAutoplay();
		}
	}
</script>